﻿<Page
    x:Class="SimpleHubSample.Views.HubView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SimpleHubSample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid >
        <Grid.Background>
            <ImageBrush ImageSource="/Assets/Beach.jpg"/>
        </Grid.Background>
        <Hub Header="Beaches of the World" SectionHeaderClick="Hub_SectionHeaderClick">
            <HubSection Width="600" Header="Latest Travel News">
                <DataTemplate>
                    <Grid>
                        <TextBlock Text="Wish you were here?" Style="{ThemeResource BodyTextBlockStyle}" />
                    </Grid>
                </DataTemplate>
            </HubSection>
            <HubSection Header="Top Beaches" IsHeaderInteractive="True"  Background="#55222222" MinWidth="300">
                <DataTemplate>
                    <GridView>
                        <GridView.ItemTemplate>
                            <DataTemplate>
                                <Border Height="250" Width="250">
                                    <Border.Background>
                                        <SolidColorBrush Color="White" Opacity=".5" />
                                    </Border.Background>
                                    <StackPanel VerticalAlignment="Bottom">
                                        <StackPanel.Background>
                                            <SolidColorBrush Color="Black" Opacity=".5" />
                                        </StackPanel.Background>
                                        <TextBlock Margin="20" Foreground="White" FontSize="20" Text="{Binding}" />
                                    </StackPanel>
                                </Border>
                            </DataTemplate>
                        </GridView.ItemTemplate>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                        <x:String>Beach</x:String>
                    </GridView>
                </DataTemplate>
            </HubSection>
            <HubSection Header="Top Trips" IsHeaderInteractive="True" 
                        Background="#55444444" MinWidth="300">
                <DataTemplate>
                    <StackPanel>
                        <TextBlock Text="Summary of top trips here."
                           Style="{ThemeResource BodyTextBlockStyle}" />
                    </StackPanel>
                </DataTemplate>
            </HubSection>
        </Hub>
    </Grid>
</Page>
